<template>
  <div class="index">
    <div>
      <w-header></w-header>
      <div class="body">
        <div>
          <el-scrollbar height="380px" :always="true">
            <div class="title-1">最新内容</div>
            <w-article-list></w-article-list>
            <div class="title-1">操作指南</div>
            <w-article-list type-id="2" size="5" style="color:#a00;--list:'♥';--list-hover:#000;"></w-article-list>
            <div class="title-1">家长必读</div>
            <w-article-list type-id="3" size="6" class="list-1"></w-article-list>
          </el-scrollbar>
        </div>
        <div class="w-link">
          <a href="#/">小学新生入学报名</a>
          <a href="#/">初中新生入学报名</a>
          <a href="#/">中考外地返回生报名</a>
          <a href="#/article/1/1">政策解读</a>
          <a href="#/article/2/1">操作指南</a>
        </div>
      </div>
    </div>
    <w-footer></w-footer>
  </div>
</template>

<script setup>
import WArticleList from '@/components/WArticleList.vue';
import WHeader from '@/components/WHeader.vue';
import WFooter from '@/components/WFooter.vue';
</script>

<style scoped> 
.list-1{
  color:#070;
  --list:'♢';
  --list-hover:blue;
}
</style>